/* 
    Document   : zfarm.css
    Created on : 01/12/2011, 13:47:46
    Author     : Igor Herson
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

span.file { 
    cursor: hand; 
    cursor: pointer;
}
span.file, span.folder{
    font-size: 16px; 
    font-family: Verdana, helvetica, arial, sans-serif;
    font-size: 68.75%;
    background: #fff;
    color: #333;
}
#file-php{
    background: url(../images/icons/php.gif) 0 0 no-repeat;
}
#file-css{
    background: url(../images/icons/css.gif) 0 0 no-repeat;
}
#file-gif{
    background: url(../images/icons/gif.gif) 0 0 no-repeat;
}
#file-jpg{
    background: url(../images/icons/jpg.gif) 0 0 no-repeat;
}
#file-js{
    background: url(../images/icons/js.gif) 0 0 no-repeat;
}
#file-xml{
    background: url(../images/icons/xml.gif) 0 0 no-repeat;
}
#file-html{
    background: url(../images/icons/html.gif) 0 0 no-repeat;
}
#file-htm{
    background: url(../images/icons/html.gif) 0 0 no-repeat;
}
#file-jpeg{
    background: url(../images/icons/jpg.gif) 0 0 no-repeat;
}
#file-png{
    background: url(../images/icons/jpg.gif) 0 0 no-repeat;
}
#file-phtml{
    background: url(../images/icons/php.gif) 0 0 no-repeat;
}

.CodeMirror-scroll {
  height: auto;
  overflow-y: hidden;
  overflow-x: auto;
  width: 100%;
}

.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}
.fullscreen {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    margin: 0;
    padding: 0;
    border: 0px solid #BBBBBB;
    opacity: 1;
}
.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}
dt {font-family: monospace; color: #666;}
.activeline {background: yellow!important;}
/*menu*/
.menu4 {
text-align:left; font-family: verdana, sans-serif; position:relative; font-size:0.75em; background:transparent; width:600px; height:30px; margin:12px 0 0 0;
}
.menu4 ul {
padding:0; margin:0; list-style-type: none;
}
.menu4 ul li {
float:left; position:relative;
}

.menu4 ul li a, .menu4 ul li a:visited {
display:block; text-decoration:none; width:100%; height:30px; color:#000; padding-left:15px; line-height:29px;
}
* html .menu4 ul li a, .menu4 ul li a:visited {
width:100px;
}

.menu4 ul li ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu4 ul li:hover a,
.menu4 ul li a:hover {
color:#c00; text-decoration:none; border:0;
}
.menu4 ul li:hover ul,
.menu4 ul li a:hover ul {
visibility:visible; width:170px; height:auto; position:absolute; top:30px; left:-1px; background:#fff; border:1px solid #909; overflow:visible;
}
.menu4 ul li:hover ul li a,
.menu4 ul li a:hover ul li a {
display:block; background:transparent; text-decoration:none; color:#c00; height:auto; line-height:1.5em; padding:5px 10px 5px 35px; width:170px;
}
.menu4 ul li:hover ul li a.drop,
.menu4 ul li a:hover ul li a.drop {
display:block; color:#000; height:auto; line-height:1.5em; padding:5px 10px 5px 35px; width:170px;
}
.menu4 ul li:hover ul li ul,
.menu4 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}
.menu4 ul li:hover ul li a:hover,
.menu4 ul li a:hover ul li a:hover {
color:#00f; text-decoration:underline;
}
.menu4 ul li:hover ul li:hover ul,
.menu4 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0; color:#000; left:166px; height:auto; border:1px solid #909;
}
.menu4 ul li:hover ul li:hover ul.left,
.menu4 ul li a:hover ul li a:hover ul.left {
left:-166px;
}
.menu4 ul li:hover ul li:hover ul li a,
.menu4 ul li a:hover ul li a:hover ul li a {
display:block; color:#00f; height:auto; line-height:1.5em; padding:5px 10px 4px 35px; width:170px;
}
* html .menu4 ul li a:hover ul li a:hover ul li a {padding:4px 10px 4px 35px;}

.menu4 ul li:hover ul li:hover ul li:hover a,
.menu4 ul li a:hover ul li a:hover ul li a:hover {
color:#000; text-decoration:underline;
}
.logozfarm{
    background-image: url(../images/logozfarm.gif); 
    background-repeat: no-repeat;
    background-position: top left;
    width: 100px;
    height: 50px;
    float: left;
    padding-right: 30px;
}

.ui-layout-resizer	{ /* all 'resizer-bars' */
	background:		#DDD;
	border:			1px solid #BBB;
	border-width:	0;
	}
	.ui-layout-resizer-drag {		/* REAL resizer while resize in progress */
	}
	.ui-layout-resizer-hover	{	/* affects both open and closed states */
	}
	/* NOTE: It looks best when 'hover' and 'dragging' are set to the same color,
		otherwise color shifts while dragging when bar can't keep up with mouse */
	.ui-layout-resizer-open-hover ,	/* hover-color to 'resize' */
	.ui-layout-resizer-dragging {	/* resizer beging 'dragging' */
		background: #C4E1A4;
	}
	.ui-layout-resizer-dragging {	/* CLONED resizer being dragged */
		border-left:  1px solid #BBB;
		border-right: 1px solid #BBB;
	}
	/* NOTE: Add a 'dragging-limit' color to provide visual feedback when resizer hits min/max size limits */
	.ui-layout-resizer-dragging-limit {	/* CLONED resizer at min or max size-limit */
		background: #E1A4A4; /* red */
	}

	.ui-layout-resizer-closed-hover	{ /* hover-color to 'slide open' */
		background: #EBD5AA;
	}
	.ui-layout-resizer-sliding {	/* resizer when pane is 'slid open' */
		opacity: .10; /* show only a slight shadow */
		filter:  alpha(opacity=10);
		}
		.ui-layout-resizer-sliding-hover {	/* sliding resizer - hover */
			opacity: 1.00; /* on-hover, show the resizer-bar normally */
			filter:  alpha(opacity=100);
		}
		/* sliding resizer - add 'outside-border' to resizer on-hover 
		 * this sample illustrates how to target specific panes and states */
		.ui-layout-resizer-north-sliding-hover	{ border-bottom-width:	1px; }
		.ui-layout-resizer-south-sliding-hover	{ border-top-width:	1px; }
		.ui-layout-resizer-west-sliding-hover	{ border-right-width:	1px; }
		.ui-layout-resizer-east-sliding-hover	{ border-left-width:	1px; }
/*
 *	TOGGLER-BUTTONS
 */
.ui-layout-toggler {
border: 1px solid #BBB; /* match pane-border */
background-color: #BBB;
}
.ui-layout-resizer-hover .ui-layout-toggler {
        opacity: .60;
        filter:  alpha(opacity=60);
}
.ui-layout-toggler-hover , /* need when NOT resizable */
.ui-layout-resizer-hover .ui-layout-toggler-hover { /* need specificity when IS resizable */
        background-color: #FC6;
        opacity: 1.00;
        filter:  alpha(opacity=100);
}
.ui-layout-toggler-north ,
.ui-layout-toggler-south {
        border-width: 0 1px; /* left/right borders */
}
.ui-layout-toggler-west ,
.ui-layout-toggler-east {
        border-width: 1px 0; /* top/bottom borders */
}
/* hide the toggler-button when the pane is 'slid open' */
.ui-layout-resizer-sliding  ui-layout-toggler {
        display: none;
}
/*
 *	style the text we put INSIDE the togglers
 */
.ui-layout-toggler .content {
        color:			#666;
        font-size:		12px;
        font-weight:	bold;
        width:			100%;
        padding-bottom:	0.35ex; /* to 'vertically center' text inside text-span */
}
filetree , .west-center , .west-south{
    overflow-y: auto;
}
#dialog label, #dialog input { display:block; }
#dialog label { margin-top: 0.5em; }
#dialog input, #dialog textarea { width: 95%; }
#tabs { margin-top: 1em; }
#tabs li .ui-icon-close { float: left; margin: 0.4em 0.2em 0 0; cursor: pointer; }
#add_tab { cursor: pointer; }

/* remove padding and scrolling from elements that contain an Accordion OR a content-div */
.ui-layout-center ,	/* has content-div */
.ui-layout-west ,	/* has Accordion */
.ui-layout-east ,	/* has content-div ... */
.ui-layout-east .ui-layout-content { /* content-div has Accordion */
        padding: 0;
}
.ui-layout-center P.ui-layout-content {
        line-height:	1.4em;
        margin:			0; /* remove top/bottom margins from <P> used as content-div */
}
h3, h4 { /* Headers & Footer in Center & East panes */
        font-size:		1.1em;
        background:		#EEF;
        border:			1px solid #BBB;
        border-width:	0 0 1px;
        padding:		7px 10px;
        margin:			0;
}
.ui-layout-east h4 { /* Footer in East-pane */
        font-size:		0.9em;
        font-weight:	normal;
        border-width:	1px 0 0;
}
.ui-widget-header, h3.ui-widget-header{
    height: 15px;
    font-size: 12px;
    padding: 0;
}
a.ui-widget-header{
    height: 15px;
}
div.ui-tabs-panel{
    font-size: 12px;
}
.ui-layout-content{
    font-size: 12px;
}
#browser{
    font-size: 16px;
}
.extension ul {
    cursor: pointer;
   
    width: 150px;
    padding:0px;
    margin:0px;
}
.extension ul li{
    display: inline;
    float:left;
    font-size: 12px;
    width: 43px;
    text-align: center;
    list-style: none;
}
.ui-layout-east{
    overflow: hidden;
}